<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
  <title>淘票票</title>
 <link rel="shortcut icon" href="../img/icon.ico">
	 <link type="text/css" rel="stylesheet" href="../css/cinemaStyle.css" />
	 


</head>

<body style="overflow-y:scroll;overflow-x:auto;">
	<div id="head">
		<div id="k1">
			<img id="mianIcon" src="../img/mian_icon.png">
			<p id="cityName" >杭州</p>
			<div id="menu">
			<a id="aMain">首页</a>
			<a id="aFilm">影片</a>
			<a id="aCinema">影院</a>
			</div>
		</div>
		<div id="k2">
			<table> <tr><td><a id="buyByPhone" ><img src="../img/buyByPhone.png">手机购买</a></td>&nbsp;<td><a id="customerService" ><img src="../img/customerService.png">咨询客服</a></td></tr></table>
			
		</div>
	</div>
	<hr>
	<div id="box">
		<div class="container" id="main">
			<div id="main_show" >
<!--			<img src="img/background.jpg" >-->
				<div id="filmInfo">
					<h3 id="filmTitle" th:text="${cinemaInfo.Cinema_name}"></h3><a id="score" th:text="${cinemaInfo.Favorab_rate}"></a><br><br>
					<hr>
					<br>
					<img id="filmImg" th:src="${cinemaInfo.Img_Url}"/>
					<p class="filmText" th:text="${'详细地址：'+cinemaInfo.Cinema_address}"></p>
					<p class="filmText" th:text="${'联系电话：'+cinemaInfo.Telephone}"></p>
<!--					<p id="onlineTime">上映时间：2021-05-21</p>-->
				</div>
				
				
			</div>
			
			<div id="orderBloak">
				<h3>选座购票</h3><hr>
				<div id="cinemaMenu">
						<div id="cinemaMenuText">
							<p>选择影片</p>
							
							<p>选择时间</p>
						</div>


						<div id="cinemaMenuSelect">
							<!--<a class="cinemaSelected">哆啦A梦：伴我同行2</a><a>速度与激情9</a><a>寂静之地2</a><a>匹诺曹</a><a>人之怒</a><a>潜艇总动员：地心游记</a><a>情书</a><a>扫黑·决战</a><a>疯狂海盗团</a><a>悬崖之上</a><a>疯狂丑小鸭2靠谱英雄</a>-->
							<a th:each="Aname,itemStat:${onlineFilms}" th:text="${Aname}"></a>
						</div>

						
						<div id="timeSelect">
							<!--<a class="cinemaSelected">5月31日（今天）</a><a>6月1日（周二）</a><a>6月2日（周三）</a><a>6月3日（周四）</a>-->
						</div>
				</div>
				<div id="filmInfo1">

					<!--	<div id="hintText">
					<img src="../img/SDYJQ9.jpg"/>
					<a><h4>速度与激情9</h4>&nbsp;7.5</a>
					<hr>
					<p>
     						导演：林诣彬<br>
    						主演：范·迪塞尔,米歇尔·罗德里格兹,泰瑞斯·吉布森,卢达·克里斯,约翰·塞纳,查理兹·塞隆,姜成镐,海伦·米伦<br>
   		 					类型：动作,冒险<br>
    						制片国家/地区：美国<br>
    						语言：英语<br>
					</p>
				</div>-->
				</div>

				<div id="filmList">
                  <table id="DataTable"  width="100%" cellspacing="0" cellpadding="0" >
       				 <thead class="table_head" >
       				 <tr>
            			<th width="10%">放映时间</th>
           			 	<th width="10%">语言版本</th>
            			<th width="10%">放映厅</th>
            			<th width="10%">座位情况</th>
						<th width="20%">现价/影院价（元）</th>
						<th width="10%">选座购票</th> 
        			</tr>
        			</thead>
       				<tbody id="DataTableInput">
        			<!--<tr>
            			<td><h4>16:50</h4><p>预计19:12散场 </p></td>
           				<td><p>英语 中国巨幕3D </p></td> 
						<td><p>【二期】中国巨幕厅 </p></td>
						<td><p>宽松</p></td>
						<td><h4>40.00</h4><s>40.00</s></td>
						<td>
							<div class="hotCinemaBtn">
										<a>选座购票</a>
							</div>
						</td>
        			</tr>-->
        			<tr><td><h4>请选择信息</h4></td></tr>
        			</tbody>
   					 </table>    
					
				</div>
			</div>
				
				
		
				
				
			</div>

		</div>
	<div id="bottom">
	<table id="tb1">
		<tr>
			
			<td>
				
				<img id="bottomIcon" src="../img/textIcon_white.png" ><br>
				<p class="botomText" align="center">如果您是消费者，<br>
				请拨打0571-88157838 <br>
				如果您是影院/合作商家，<br>
				请拨打400-825-9220<br>
				(服务时间:9:00-21:00)</p>
			</td>
			<td>
				
				<b class="botomText2">选座购票流程</b><br>
				<ul >
					<li class="botomText"><a>•选择影片和场次</a></li>
					<li class="botomText"><a>•选择中意的座位</a></li>
					<li class="botomText"><a>•支付并收到取票短信</a></li>
				</ul>
			</td>
			<td>
				<b class="botomText2">取票流程</b><br>
				<ul >
					<li class="botomText"><a>•收到取票短信</a></li>
					<li class="botomText"><a>•影院自助取票</a></li>
					<li class="botomText"><a>•短信重发方式</a></li>
				</ul>
			</td>
			<td>
				<b class="botomText2">常见问题</b><br>
				<ul >
					<li class="botomText"><a>•是否支持退换票</a></li>
					<li class="botomText"><a>•填错手机号怎么办</a></li>
					<li class="botomText"><a>•更多问题>></a></li>
				</ul>
			</td>
			
			<td>
				<div class="blank"></div>
				<b class="botomText2">协议规范</b><br>
				<ul >
					<li class="botomText"><a>•用户服务协议</a></li>
					<li class="botomText"><a>•食品管理规范</a></li>
					<li class="botomText"><a>•隐私权政策</a></li>
					<li class="botomText"><a>•退改签服务费规范</a></li>
				</ul>
			</td>
			<td>
				<img src="../img/QR_code.png">
			</td>
		</tr>
		</table>
		<hr id="bottomLine"> 
		<div id="youLian"><p class="botomText"> <a>阿里巴巴集团</a> | <a>阿里巴巴国际站</a> | <a>阿里巴巴中国站</a> | <a>全球速卖通</a> | <a>淘宝网</a> | <a>天猫</a> | <a>聚划算</a> | <a>一淘</a> | <a>阿里妈妈</a> | <a>阿里云计算</a> | <a>云OS</a> | <a>万网</a> | <a>中国雅虎</a> | <a>支付宝</a> </p></div>
			<p style="display: table;margin-left: 260px" class="botomText"> 关于淘宝 合作伙伴 营销中心 联系客服 开放平台 诚征英才 联系我们 网站地图 法律声明 © 2017 Taopiaopiao.com 版权所有<br>
			增值电信业务经营许可证：沪B2-20170117 沪ICP备16050036号-1 营业执照<br>
			违法不良信息举报电话 0571-88157838<br>
			违法不良信息举报邮箱 taopiaopiao_tousu@list.alibaba-inc.com </p>
	</div>
	<img style="display: table;margin: 0 auto" src="../img/wangJing.png">
	<script src="../js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
		<script src="../js/cinema.js"></script>
</body>
</html>
